<template>
  <el-dialog
    class="equ-in-out-record-dialog"
    width="1200px"
    :visible.sync="dialogVisible"
    :title="`${row.equipmentName} 出入库记录`"
    :close-on-click-modal="false"
    v-dialogDrag="true"
    @open="handleDialogOpen"
    @closed="handleDialogClosed"
  >
    <div>
      <GiveBackList :equipmentId="row.equipmentId"></GiveBackList>
    </div>

    <div class="dialog-footer" slot="footer">
      <el-button @click="dialogVisible = false">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'EquInOutRecordDialog',
  components: {},
  props: {
    show: {
      type: Boolean,
      default: false,
    },
    row: {
      type: Object,
      default: () => ({})
    }
  },
  computed: {
    dialogVisible: {
      get() {
        return this.show
      },
      set(value) {
        this.$emit('update:show', value)
      }
    }
  },
  data() {
    return {

    }
  },
  created() {
  },
  methods: {
    // 弹框打开时
    handleDialogOpen() {
    },
    // 弹框关闭时
    handleDialogClosed() {
    },
  }
}
</script>

<style lang="scss" scoped>
.equ-in-out-record-dialog {

  ::v-deep .el-dialog__body {
    max-height: 90vh;
    overflow-y: auto;
  }
}
</style>
